<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../style/fjol_style.css"/>
		<link rel="stylesheet" type="text/css" href="../style/xol_style.css"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav newbgRed">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">当前开盘</h1>
		</header>
		<div class="mui-scroll-wrapper" style="top: 45px;">
		    <div class="mui-scroll">
		        <!--这里放置真实显示的DOM内容-->
		        <ul class="mui-table-view" id="buildingPeriodList">
	                
	            </ul>
		    </div>
		</div>
		
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/jquery.tmpl.min.js"></script>
		<script id="buildingPeriodTmpl" type="text/x-jquery-tmpl">
			<li class="mui-table-view-cell" id="${buildingId}">
                	第${period}期&nbsp;<span class="f10">${$item.setopenDate()} 开盘</span>
                    <p>${description}</p>
            </li>
		</script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function(){
				
				var wv = plus.webview.currentWebview();
				var buildingPeriodPage = wv.buildingPeriodPage;
				$('#buildingPeriodTmpl').tmpl(buildingPeriodPage,{
					setopenDate:function(){
						var openDate = this.data.openDate;
						var openDateTime = new Date(openDate).toLocaleDateString();
						return openDateTime
					}
				}).appendTo('#buildingPeriodList');
				/*
					 * buildingId 楼盘id
					 * period 期数
					 * openDate 开盘日期
					 * description 描述（关联开盘楼号）
					 * createDate 创建时间
					 */
				mui('.mui-scroll-wrapper').scroll({
						deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
					});
			})
		</script>
	</body>

</html>